$(function () {
    load();
    $("#title").on("keydown", function (e) {
        if (e.keyCode === 13) {
            if ($(this).val() == "") {

                alert("请输入内容！");
            }
            else {
                var local = getDate();
                local.push({ title: $("#title").val(), done: false });
                saveDate(local);
                load();
                $(this).val(" ");
            }


        }
    });
    $("ul,ol").on("click", "input", function () {
        var data = getDate();
        var index = $(this).siblings("a").attr("id");
        data[index].done = $(this).prop("checked");
        saveDate(data);
        load();

    })
    $("ol,ul").on("click", "a", function () {
        var data = getDate();
        var index = $(this).attr("id");
        data.splice(index, 1);
        saveDate(data);
        load();



    })
    function getDate() {
        var data = localStorage.getItem("todolist");
        if (data != null) {
            return JSON.parse(data);
        }
        else {
            return [];
        }
    }
    function saveDate(data) {
        localStorage.setItem("todolist", JSON.stringify(data));
    }
    function load() {
        var todoCount = 0;
        var doneCount = 0;
        var data = getDate();
        $("ol,ul").empty();
        $.each(data, function (i, n) {

            if (n.done) {
                var li = $("<li><input type='checkbox' checked='checked ' >  <p>" + n.title + " </p> <a href='javascript:;' id=" + i + "></a> </li>");
                $("ul").prepend(li);
                doneCount++;
            } else {
                var li = $("<li><input type='checkbox' >  <p>" + n.title + " </p> <a href='javascript:;' id=" + i + "></a> </li>");
                $("ol").prepend(li);
                todoCount++;
            }


        })
        $("#todocount").text(todoCount);
        $("#donecount").text(doneCount);
    }
})